<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta content="telephone=no,email=no" name="format-detection">
  <title>全部订单</title>
  <link rel="stylesheet" type="text/css" href="../css/normalize.css">
  <link rel="stylesheet" type="text/css" href="../css/reset.css">
  <link rel="stylesheet" type="text/css" href="../js/mint-ui/mint-ui.css"/>
  <link rel="stylesheet" type="text/css" href="./css/deliveryTasklist.css">
</head>
<body>
  <div id="deliveryTasklist" class="delivery-main" v-cloak>
    <div class="app-header-main">
      <i class="app-header-goback" @click="goback()">返回</i>
      <div class="app-header-title">配送任务</div>
      <div class="app-header-border-bottom"></div>
    </div>

    <div class="delivery-taglist">
      <div class="delivery-tag" v-for="(item,index) in deliveryTitle" @click="changeDeliveryType(index)"><span class="delivery-tag-title" :class="deliveryType == index ? 'tag-active' :''">{{item.type}}</span><em class="delivery-tag-border" v-if="index===0"></em></div>
    </div>

    <div class="delivery-content" v-if="deliveryType == 0">
      <div class="delivery-content-header">
        <span class="delivery-content-Tag tag-left">配送状态</span>
        <span class="delivery-content-Tag">合计金额</span>
        <span class="delivery-content-Tag tag-right">订单号</span>
      </div>

      <div class="delivery-list">
        <ul v-infinite-scroll="loadMore" infinite-scroll-disabled="loading">
          <li class="delivery-listLi" v-for="(list,index) in listData" @click="jumpDetail(index)">
            <span class="delivery-content-Tag tag-left" v-if="list.communityStatus==='PACKED'">已装箱</span>
            <span class="delivery-content-Tag tag-left" v-if="list.communityStatus==='DELIVERING'">配送中</span>
            <span class="delivery-content-Tag">{{list.amount}}</span>
            <span class="delivery-content-Tag tag-right">{{list.ordersId}}</span>
          </li>
        </ul>
      </div>
    </div>

    <div class="delivery-content" v-if="deliveryType == 1">
      <div class="delivery-content-header">
        <span class="delivery-content-Tag tag-left">完成时间</span>
        <span class="delivery-content-Tag">合计金额</span>
        <span class="delivery-content-Tag tag-right">订单号</span>
      </div>

      <div class="delivery-list">
        <ul v-infinite-scroll="loadMore" infinite-scroll-disabled="loading">
          <li class="delivery-listLi" v-for="(list,index) in listData" @click="jumpDetail(index)">
            <span class="delivery-content-Tag tag-left">{{list.deliveryFinishTime}}</span>
            <span class="delivery-content-Tag">{{list.amount}}</span>
            <span class="delivery-content-Tag tag-right">{{list.ordersId}}</span>
          </li>
        </ul>
      </div>
    </div>
  </div>

<script type="text/javascript" src="../js/vue.js"></script>
<script src="../js/layout.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>-->
<script type="text/javascript" src="../js/axios.min.js"></script>
<script type="text/javascript" src="/js/fetch20190612.js"></script>
<script type="text/javascript" src="/js/mint-ui/mint-ui.js"></script>
<script src="js/deliveryTasklist20190521.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
